<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="lib/layui/css/layui.css" type="text/css" />
		<link rel="stylesheet" href="lib/layui/css/modules/code.css">
		<script src="lib/layui/layui.js"></script>
		
		<link rel="stylesheet" href="css/dist/css/bootstrap.css" />
		<script type="text/javascript" src="./css/dist/js/bootstrap.js"></script>
	</head>
	<style>
		.cont{
			color: darkturquoise;
			text-decoration: none;
		}
	</style>
	<body>
		<ul class="layui-nav layui-bg-cyan" lay-filter="">
		  <li class="layui-nav-item"><a href="">清风阁</a></li>
		  <li class="layui-nav-item layui-this"><a href="">榜单</a></li>
		  <li class="layui-nav-item"><a href="">注册</a></li>
		  <li class="layui-nav-item">
		    <a href="javascript:;">问题反馈</a>
		    <dl class="layui-nav-child"> <!-- 二级菜单 -->
		      <dd><a href="">移动模块</a></dd>
		      <dd><a href="">后台模版</a></dd>
		      <dd><a href="">主页美观</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item"><a href="">我的</a></li>
		</ul>
		 <script>
		 //注意：导航 依赖 element 模块，否则无法进行功能性操作
		 layui.use('element', function(){
		   var element = layui.element;
		   
		   //…
		 });
		 </script>
		 
		 
		<div style="background-image: url(img/1.png); height: 1900px;margin-top: -10px;">
			<div style="margin-left: 200px;padding-top: 100px;" >
				<span class="layui-icon layui-icon-search" style="font-size: 30px;color: royalblue;"></span>
				<span style="color: royalblue; font-size: 20px;">搜索引擎</span>
				<input type="email" class="form-control" id="exampleInputEmail1" placeholder="罗志祥与多人运动" style="width: 500px;">
				<button type="button" class="btn btn-info" style="margin-top: -55px;margin-left: 500px;">搜索</button>
			</div>
			
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span>热搜榜</span>
				<span style="margin-left: 80px;">序号</span>
				<span style="margin-left: 20px;">关键字</span>
			</div>
			
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">1</span>
				<span style="margin-left: 30px;"><a href="" class="cont">2019年申请的344个贫困县全部脱贫摘帽</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">2</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	中餐厅第四季国内录制</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">3</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	天门山翼装飞行失联女大学生已找到 </a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">4</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	陈数舞台C位妆</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">5</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	王一博 自己还是自己</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">6</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	郑爽坐路边自拍</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">7</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	特朗普儿子称新冠病毒11月会消失</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">8</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	可阻断新冠感染的人源单克隆抗体</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">9</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	李慧琼当选香港立法会内委会主席</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">10</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	田柾国经纪公司道歉</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">11</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	卖烧烤自救的幼儿园要开学了 </a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">12</span>
				<span style="margin-left: 30px;"><a href="" class="cont">	张艺兴告别本季极限挑战</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">13</span>
				<span style="margin-left: 30px;"><a href="" class="cont">第二批全国与湖北高校一帮一名单</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">14</span>
				<span style="margin-left: 30px;"><a href="" class="cont">马云将从软银董事会辞职</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">15</span>
				<span style="margin-left: 30px;"><a href="" class="cont">丰巢去年巨亏近8亿元</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">16</span>
				<span style="margin-left: 30px;"><a href="" class="cont">开发商回应遗忘28年房屋被陌生人住</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">17</span>
				<span style="margin-left: 30px;"><a href="" class="cont">吉林舒兰市实施最严格管控措施</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">18</span>
				<span style="margin-left: 30px;"><a href="" class="cont">不欢迎中国人的德国主厨道歉</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">19</span>
				<span style="margin-left: 30px;"><a href="" class="cont">绿地集团</a></span>
			</div>
			<div style="color: white;margin-left: 100px;margin-top: 50px;">
				<span style="margin-left: 135px;color: dodgerblue">20</span>
				<span style="margin-left: 30px;"><a href="" class="cont">武汉五星级酒店转型自救开大排挡</a></span>
			</div>
			
			<div style="margin-top: 150px;margin-left: 200px;">
				<a href="" class="cont">关于清风阁</a>
				<a href="" class="cont" style="margin-left: 20px;">帮助</a>
				<a href="" class="cont" style="margin-left: 20px;">意见反馈</a>
				<a href="" class="cont" style="margin-left: 20px;">开放平台</a>
				<a href="" class="cont" style="margin-left: 20px;">招聘</a>
				<a href="" class="cont" style="margin-left: 20px;">清风阁导航</a>
				<a href="" class="cont" style="margin-left: 20px;">社区管理中心</a>
				<a href="" class="cont" style="margin-left: 20px;">清风阁社区公约</a>
			</div>
			<div style="margin-top: 10px; margin-left: 200px;">
				<a href="" class="cont">Copyright © 20012-2020 QINGFENGGE 杭州清风集团网络技术有限公司</a>
				<a href="" class="cont" style="margin-left: 20px;">杭网文[2012]0393-130号</a>
				<a href="" class="cont" style="margin-left: 20px;">杭ICP备12002055号</a>
			</div>
			
			
		</div>		 
	</body>
	
</html>
